<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #video{
            width: 700px;
            height: 450px;
            margin: 0 auto;
            border: 1px solid silver;
            background-color: black;
            overflow: hidden;
            position: relative;
        }
        video{
            position: relative;
            width: 700px;
            height: 450px;
        }
        #control{
            color: #f0f;
            position: absolute;
            z-index: 20;
            bottom:0px;
            left:35%;
        }
    </style>
</head>
<body>
    <div id="video">
        <!-- <video width="320" height="240" controls="controls">
            <source src="./产权交易公示公告发布.mp4" type="video/mp4">
        </video> -->
        <video width="320" height="240" >
            <source src="./产权交易公示公告发布.mp4" type="video/mp4">
        </video>
        <div id="control">
            <span id="play">播放</span>
            <span id="kuaijin">快进</span>
            <span>快退</span>
            <span>全屏</span>
            <span>音量</span>
            <span>全屏</span>
        </div>
    </div>
    
</body>
</html>